@import '../global.less';
.rankHeader{
    margin-top:30px;
}
.rankHeader .xFlexColumn {
    width:30%;
    padding:10px;
    border-radius: 10px;
}
.rankHeader .xFlexColumn text{
    text-align: center;
    font-weight: bold;
}
.rankHeader .hot {
    background-color: #8acfaf;
}
.rankHeader .zan {
    background-color: #f0d35c;
}
.rankHeader .collect {
    background-color: #8c99de;
}
.catWrap{
    margin-top: 20px;
}
.catBox{
    width:50%;
}
.catBox image{
    width: 90%;
    height: 160px;
    margin:0px auto;
    border-radius: 10px;
}
.catBox text{
    position:absolute;
    left:20px;
    bottom:20px;
    color:#FFFFFF;
    font-weight: bold;
}



